.swiper-button-prev,

.swiper-button-next {

    width: auto;

    height: auto;

    background-image: none;

    margin-top: 0;

    transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    opacity: 1 !important;

}



.m_banner img {

    width: 100%;

}



.m_banner {

    display: none;

}



.section5 {

    height: auto !important

}



.section5 .fp-tableCell {

    height: auto !important

}



.section1 .swiper-slide a>img {

    width: 100%;

    height: 100vh

}



.banner_txt.container {

    position: absolute;

    left: 50%;

}



.banner_txt {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    padding: 50px 0;

    background-size: 100% 100%;

    background-image: url(../images/bannerbac_02.png)

}

.banner_txt h2 {

    display: inline-block;

    vertical-align: middle;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 36px;

    font-weight: bold;

    color: #fff;

    width: calc(100% - 208px);

    box-sizing: border-box;

    padding-right: 50px

}





.more {

    display: inline-block;

    vertical-align: middle;

    width: 208px;

    height: 43px;

    border-radius: 43px;

    text-align: center;

    line-height: 43px;

    color: #00953b;

    background: #fff;

    font-size: 14px

}



.more i {

    display: inline-block;

    margin-right: 12px;

    font-size: 26px;

    vertical-align: middle

}



.more span {

    display: inline-block;

    vertical-align: middle

}



.more span:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    width: 0;

    height: 1px;

    background: #00953b;

    margin-right: 0

}



.more:hover span:before {

    width: 10px;



}





.banner_txt1 {

    top: 40%;

    transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

}



.banner_txt1>img {

    opacity: 0;

    transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -webkit-transform: translateX(-100%);

    width: 100%;

}



.active .swiper-slide-active .banner_txt1>img {

    opacity: 1;

    transform: translateX(0);

    -ms-transform: translateX(0);

    -webkit-transform: translateX(0);

}



.b_1_bottomimg {

    position: absolute;

    left: 0;

    bottom: 0;

    opacity: 0;

    transform: translateY(100%);

    -ms-transform: translateY(100%);

    -webkit-transform: translateY(100%);

    width: 100%;

}



.active .swiper-slide-active .b_1_bottomimg {

    opacity: 1;

    transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

}



.b_1_bottomimg img {

    width: 100%;

}



a.more {

    line-height: 43px;

    border-radius: 43px;

    background: #fff;

    color: #00953b;

    font-size: 16px;

    display: inline-block;

    padding: 0 40px;

}



a.more i {

    margin-right: 8px;



}



a.more:hover {

    color: #fff;

    background: #00953b

}



.banner_txt1 .more {

    margin-top: 52px;

}



.section1 .swiper-pagination {

    bottom: 24%;

    position: absolute;

    text-align: left;

    width: 1400px;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    left: 50%;

}



.swiper-pagination-bullet {

    opacity: 1;

}



.section1 .swiper-pagination-bullet {

    width: 40px;

    height: 6px;

    border-radius: 6px;

    background: rgba(0, 153, 67, .1);

    margin-right: 13px

}



.section1 .swiper-pagination-bullet-active {

    width: 158px;

    background: rgba(0, 153, 67, 1);

}



#fp-nav ul li a:hover span:before,

#fp-nav ul li a.active span:before {

    display: none

}



#fp-nav ul li a,

.fp-slidesNav ul li a {

    line-height: 0

}



#fp-nav ul li,

.fp-slidesNav ul li {

    width: 18px;

    height: 18px;

    margin: 6px 0

}



#fp-nav ul li a span,

.fp-slidesNav ul li a span {

    width: 100%;

    height: 100%;

    border: 1px solid transparent;

    background-color: transparent !important;

    padding: 3px;

    box-sizing: border-box;

    position: relative;

}



#fp-nav ul li a.active span,

.fp-slidesNav ul li a.active span,

#fp-nav ul li:hover a.active span,

.fp-slidesNav ul li:hover a.active span {

    width: 100%;

    height: 100%;

    border-color: #00953b;

}



#fp-nav ul li a span:after {

    content: '';

    display: block;

    width: 10px;

    border-radius: 50%;

    height: 10px;

    background: #cecece;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

}



#fp-nav ul li a:hover span:after,

#fp-nav ul li a.active span:after {

    background: #00953b

}



.section1>div>.container {

    position: static

}



.section1 .container>.swiper-container {

    position: absolute;

    left: 0;

    top: 0;

    left: 0;

    right: 0;

    text-align: left;

}



.section1>div>.container {

    z-index: 4;

    text-align: right;

}



.jzlist {

    display: none;

    float: right;

    width: 28.5%;

    padding: 5px 5px 30px;

    background: #fff;

    position: relative;

    z-index: 3;

    text-align: left;

    box-sizing: border-box;

}

.jztit1{font-size: 0;background: #009844;padding: 18px 20px;box-sizing: border-box;margin-bottom: 5px;}
.jztit1:nth-of-type(2){background: #459a45;}
.jztit1:nth-of-type(3){background: #8ec220;}
.jztit1:nth-of-type(2),.jztit1:nth-of-type(3){padding: 30px 20px;}
.jztit1_l,.jztit1_r{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.jztit1_l{width: 30%;}
.jztit1_r{width: 70%;text-align: right;}
.jztit1_l h2{font-size: 26px;color: #fff;}
.jztit1_l h2 i{display: block;font-size: 12px;color: #fff;}
.jztit1_r h4{font-size: 14px;color: #fff;}
.jztit1_r span{font-size: 20px;color: #fff;font-weight: bold;}





.jztit {

    text-align: center;

    padding: 26px 24px;

    text-align: center;

    box-sizing: border-box;

    background: #009943;

    color: #fff;

}



.jztit i {

    font-size: 24px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 6px;

}



.jztit h2 {

    padding-bottom: 22px;

    border-bottom: 1px solid rgba(255, 255, 255, .2);

    margin-bottom: 12px;

    font-size: 24px;

    font-weight: bold;

}



.jztit span {

    display: block;

    line-height: 20px;

    font-size: 18px;

    margin-bottom: 10px;

}



.jztit span:last-child {

    margin-bottom: 0;

}



.jztit span font {

    font-weight: bold;

    font-size: 25px;

}



.jzlist a {

    display: block;

    margin: 0 auto 0;

    width: 155px;

    height: 44px;

    border-radius: 44px;

    background: #009943;

    line-height: 44px;

    text-align: center;

    color: #fff;

    font-size: 16px;

}



.jzlist a:hover {

    opacity: .8;

}



.jzbanner {

    height: 150px;

    box-sizing: border-box;

    padding: 24px 30px

}



.jzbanner .swiper-container {

    height: 100%

}



.jzbanner span {

    font-size: 16px;

    display: inline-block;

    vertical-align: middle;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 90px;

    color: #989898

}



.jzbanner p {

    font-size: 16px;

    display: inline-block;

    vertical-align: middle;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: calc(100% - 90px);

    color: #989898

}



.index_tit h2 {

    font-size: 32px;

    color: #282828;

}



.section2 .index_tit h2:after {

    background: #fff;

}



.section2 .index_tit h2 {

    color: #fff

}



.index_tit h3 {

    color: rgba(40, 40, 40, .4);

    text-transform: uppercase;

    display: none;

}



.index_tit h3:after {

    content: '';

    display: block;

    width: 23px;

    height: 3px;

    background: #009944;

    margin: 20px auto 0

}



.index_tit h2:after {

    content: '';

    display: block;

    width: 23px;

    height: 3px;

    background: #009944;

    margin: 20px auto 0

}



.section {

    overflow: hidden;

}



.section2 .index_tit {

    text-align: center;

}



.section2>div>.container:nth-child(1) {

    position: absolute;

    z-index: 11;

    left: 50%;

    top: 20%;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    text-align: right;

}



.sec2_box {

    display: inline-block;

    width: 43%;

    text-align: left;

    position: relative;

    z-index: 2;

    float: right;

}



.sec2_box .index_tit {

    padding: 30px 0 38px;

    background: #009943;

}



.index_pptxt {

    /* margin-top: 100px; */

    transform: translateY(100%);

    -ms-transform: translateY(100%);

    -webkit-transform: translateY(100%);

    opacity: 0;

}



.active .index_pptxt {

    transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

    opacity: 1;

}



.index_pptxt li {

    display: none;

}







.sec3tit p a {

    display: inline-block;

    vertical-align: top;

    padding: 0 20px;



}



.sec3tit {

    margin-bottom: 40px;

    opacity: 0;

    transform: translateY(100%);

    -ms-transform: translateY(100%);

    -webkit-transform: translateY(100%);

}



.active .sec3tit {

    opacity: 1;

    transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

}



.sec3tit a i {

    color: #999c9b;

    display: inline-block;

    vertical-align: middle;

    width: 35px;

    height: 35px;

    border-radius: 50%;

    border: 1px solid #999c9b;

    line-height: 35px;



}



.sec3tit a span {

    display: inline-block;

    vertical-align: middle;

    line-height: 63px;

    margin-left: 16px;

    color: #282828;

    font-size: 26px;

}



.sec3tit p a:hover,

.sec3tit p a.ac {

    background: #009943;

}



.sec3tit p a:hover i,

.sec3tit p a:hover span,

.sec3tit p a.ac i,

.sec3tit p a.ac span {

    color: #fff;

    border-color: #fff

}



.sec2inner {

    text-align: center;

}



.section .xmimg {

    margin-top: 26px;

}



.xmimg li {

    display: none;

    position: relative

}



.xmimg li.ac {

    display: block

}



.xmimg li .container {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translateY(-50%) translateX(-50%);

    -ms-transform: translateY(-50%) translateX(-50%);

    -webkit-transform: translateY(-50%) translateX(-50%);

}



.xmimg img {

    width: 100%;

}



.xmtxt {

    float: right;

    background: rgba(0, 153, 67, .7);

    box-sizing: border-box;

    padding: 38px 50px 35px;

    width: 100%;

    text-align: left;

}



.xmtxt h2 {

    color: #ffffff;

    font-weight: bold;

    font-size: 36px;

    margin-bottom: 25px;

    text-align: center;

}



.xmtxt h2:after {

    content: '';

    display: block;

    margin: 25px auto 0;

    /* margin-top: 25px; */

    background: #fff;

    width: 29px;

    height: 3px;

}



.xmtxt p {

    line-height: 36px;

    font-size: 32px;

    color: #fff;

    text-align: center;



}



.xmtab {

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 0;

    background: #fff;

    z-index: 2;

    text-align: center;

    opacity: 0;

    transform: translateY(100%);

    -ms-transform: translateY(100%);

    -webkit-transform: translateY(100%);

}



.active .xmtab {

    opacity: 1;

    transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

}



.xmtab h6 {

    display: inline-block;

    width: 9%;

    line-height: 116px;

    font-size: 18px;

    color: #282828;

    cursor: pointer;

}



.xmtab h6 a{display: block;

    font-size: 18px;

    color: #282828;

}

.xmtab h6.ac a,

.xmtab h6:hover a{

    background: #009943;

    color: #fff

}

.xmtab h6.ac,

.xmtab h6:hover {

    background: #009943;

    color: #fff

}



.sec2inner {

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 12%

}



.sec3tit p.container {

    font-size: 0;

    text-align: center;

}









.sec3tit>div:nth-child(1) h3:after {

    margin: 20px 0 0 auto

}



.sec3tit>div:nth-child(2) h3:after {

    margin: 20px auto 0 0

}



.sec3tit>div:hover,

.sec3tit>div.ac {

    background: #009943

}



.sec3tit>div:hover h2,

.sec3tit>div.ac h2 {

    color: #fff

}



.sec3tit>div:hover h3,

.sec3tit>div.ac h3 {

    color: rgba(255, 255, 255, .4)

}



.sec3tit>div:hover h3:after,

.sec3tit>div.ac h3:after {

    background: #009943

}



.cbwbanner .swiper-slide>img,

.cbwlist li>img {

    width: 100%

}



.cbwbanner .swiper-slide,

.cbwlist li {

    box-sizing: border-box;

    display: block;

    padding: 8px;

    background: #d2dae4

}



.cbatxt {

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(0, 153, 67, .9);

    left: 0;

    top: 0;

    text-align: center;

    box-sizing: border-box;

    padding: 85px 0 0;

    transform: scale(0);

    -ms-transform: scale(0);

    -webkit-transform: scale(0);

}



.cbwbanner .swiper-slide:hover .cbatxt,

.cbwlist li:hover .cbatxt {

    transform: scale(1);

    -ms-transform: scale(1);

    -webkit-transform: scale(1);

}



.cbatxt a h2 {

    line-height: 32px;

    color: #fff;

    font-size: 20px;

}



.cbatxt>a {

    display: block;

    margin-bottom: 50px;

}



.cbatxt .bdsharebuttonbox>a {

    display: inline-block;

    vertical-align: top;

    float: none;

    background-image: none;

    width: 57px;

    height: 57px;

    border-radius: 50%;

    line-height: 57px;

    background: transparent;

    color: #fff;

    font-size: 22px;

    position: relative;

    padding-left: 0

}



.cbatxt .bdsharebuttonbox span {

    display: block;

    color: #fff;

    font-size: 14px;

    margin-top: 6px;

}



.cbatxt .bdsharebuttonbox>a:after {

    content: '';

    width: 43px;

    height: 43px;

    border-radius: 50%;

    border: 1px solid #fff;

    background: transparent;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

}



.cbatxt .share_content a:hover:after {

    background: #fff

}



.cbatxt .share_content a:hover {

    background: rgba(255, 255, 255, .2);

    color: #009943

}



.cbatxt .share_content a:before {

    position: relative;

    z-index: 2;

}



.sec3inner {

    position: absolute;

    width: 100%;

    left: 0;

    top: 22%;

}



.sec3inner .swiper-button-prev,

.sec3inner .swiper-button-next {

    color: #979a99;

    font-size: 50px;

}



.sec3inner .swiper-button-prev {

    left: -90px;

}



.sec3inner .swiper-button-prev:hover,

.sec3inner .swiper-button-next:hover {

    color: #009944

}



.sec3inner .swiper-button-next {

    right: -90px;

}



.xxgkbanner .swiper-slide img {

    width: 100%

}



.xxgkbanner .swiper-slide div {

    padding: 15px 25px 18px;



}



.xxgkbanner .swiper-slide {

    background: #fff

}



.xxgkbanner .swiper-slide h2 {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #282828;

    font-size: 18px;

    padding-bottom: 9px;

    border-bottom: 1px dashed #e8e8e8;

    margin-bottom: 12px;

}



.xxgkbanner .swiper-slide p {

    line-height: 22px;

    color: #999999;

    height: 44px;

}



.xxgkbanner .swiper-slide:hover div {

    background: #00953b

}



.xxgkbanner .swiper-slide:hover h2,

.xxgkbanner .swiper-slide:hover p {

    color: #fff;

}



.section3 {

    background-size: cover;

    background-repeat: no-repeat;

    background-image: url(../images/sec3back_02.png)

}



.xxgkbanner,

.cbwbanner {

    height: 0;

    overflow: hidden;

}



.xxgkbanner .swiper-button-prev,

.xxgkbanner .swiper-button-next,

.cbwbanner .swiper-button-prev,

.cbwbanner .swiper-button-next {

    height: 0;

    overflow: hidden;

}



.sec3inner>div.ac .xxgkbanner,

.sec3inner>div.ac .cbwbanner {

    height: auto

}



.sec3inner>div.ac .cbwbanner .swiper-button-next,

.sec3inner>div.ac .cbwbanner .swiper-button-prev,

.sec3inner>div.ac .xxgkbanner .swiper-button-next,

.sec3inner>div.ac .xxgkbanner .swiper-button-prev {

    height: auto

}



.sec3inner>.container {

    opacity: 0;

    transform: translateY(100%);

    -ms-transform: translateY(100%);

    -webkit-transform: translateY(100%);

}



.active .sec3inner>.container {

    opacity: 1;

    transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

}



.sec3inner>.container>a {

    display: block;

    width: 128px;

    height: 30px;

    border-radius: 30px;

    border: 1px solid #a4a4a4;

    text-align: center;

    line-height: 30px;

    color: #282828;

    margin: 50px auto 0;

    display: none

}



.sec3inner>div>a:hover {

    color: #fff;

    background: #009943

}



.sec3inner>div.ac>a {

    display: block

}



.section4 .index_tit {

    text-align: center

}



.indexnew {

    padding-top: 42px

}



.indexnew li {

    display: inline-block;

    vertical-align: top;

    width: 29.4%;

    margin-right: 5.9%;



}



.section .indexnew li {

    opacity: 0;

    transform: translateY(100%);

    -ms-transform: translateY(100%);

    -webkit-transform: translateY(100%);

}



.active .indexnew li {

    opacity: 1;

    transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

}



.indexnew li:nth-child(3n) {

    margin-right: 0

}



.i_n_img {

    box-sizing: border-box;

    border: 2px solid #e5e5e5

}



.i_n_img img {

    width: 100%

}



.indexnew li h2 {

    margin-top: 20px;

    color: #282828;

    font-size: 18px;

    line-height: 24px;

    height: 48px;

    margin-bottom: 10px;

    overflow: hidden;

}



.indexnew li p {

    color: #999999;

    line-height: 22px;

    height: 44px;

    padding-bottom: 36px;

    border-bottom: 1px solid #dcdee2;

    margin-bottom: 28px;

    position: relative;

}



.indexnew li p:after {

    content: '';

    display: block;

    width: 0;

    height: 1px;

    background: #009944;

    position: absolute;

    bottom: -1px;

    left: 0;

}



.indexnew li h6 {

    color: #282828;

    font-family: 'arb';

    font-size: 18px;

}



.indexnew li h6 span {

    display: inline-block;

    /* vertical-align: bottom; */

    font-family: Arial;

    color: #c8c8c8;

    font-size: 16px

}



.indexnew li:hover p:after {

    width: 100%;

}



.indexnew li:hover h2 {

    color: #009944

}



.indexnew li:hover .i_n_img {

    border-color: #009944

}



.section4>div>a {

    display: block;

    margin: 50px auto 0;

    display: block;

    width: 128px;

    height: 30px;

    border-radius: 30px;

    border: 1px solid #d2d2d2;

    text-align: center;

    line-height: 30px;

    color: #282828;

    margin: 90px auto 0;

}



.section4>div>a:hover {

    color: #fff;

    background: #009943;

}



.xxgk_b_left,

.xxgk_b_right {

    display: inline-block;

    vertical-align: top;

    width: 50%;

}



.xxgk_b_left {

    box-sizing: border-box;

    padding-right: 40px;

}



.xxgk_b_left .cbwlist {

    padding: 0;

}



.xxgk_b_left .cbwlist li {

    width: 32%;

    margin-right: 2%;

    background: transparent;

    text-align: center;

}



.posi {

    position: relative;

}



.posi img {

    width: 100%;

}



.xxgk_b_left .cbwlist li p {

    font-size: 16px;

    color: #282828;

    margin-top: 12px;

}



.xxgk_b_left .cbwlist li:nth-of-type(3n) {

    margin-right: 0;

}



.xxgkbanner h6 {

    color: #282828;

    font-size: 26px;

    margin-bottom: 27px;

}



.xxgk_b_right .x_d_right {

    width: 100%;

    padding-left: 0;

}



.xxgk_b_left .cbwlist li:hover .cbatxt {

    padding-top: 40px;

}



.xxgk_b_left .cbatxt>a {

    margin-bottom: 15px;

}



.xxgk_b_left .cbatxt a h2 {

    font-size: 16px;

    line-height: 26px;

}



.read a {

    display: inline-block;

    vertical-align: top;

    margin: 0 5px;

    color: #fff

}



.mobile_xm {

    display: none;

    padding: 30px 0;

}

.mobile_xm li{

    margin-bottom:24px;

}

.mobile_xm ul{

    margin-top: 20px;

}



.mobile_xm .index_tit h2{

    color:#282828

}



.mobile_xm .index_tit h2:after{

    background: #009944;

}

.mobile_xm img {

    width: 100%;

}



.m_xm_box {

    text-align: left;

    width: 90%;

    margin: -40px auto 0;

    position: relative;

    z-index: 2;

    background: #fff;

    box-shadow: 0 0 4px rgba(0, 0, 0, .16);

    box-sizing: border-box;

    padding: 14px 30px;

}



.m_xm_box h2 {

    color: #009943;

    font-weight: bold;

    font-size: 20px;

    margin-bottom: 10px;

}



.m_xm_box p {

    color:#36443c;

    font-size:12px

}